<template>
  <div class="flex items-center">
    <Logo class="w-36px h-36px mr-15px" />

    <NavigationOperation />
  </div>

  <h3>{{ sceneInfoStore.data.sceneName }}</h3>

  <RightOperation />
</template>

<script setup>
import NavigationOperation from "@/components/header/NavigationOperation.vue";
import RightOperation from "@/components/header/RightOperation.vue";
import Logo from "@/components/header/Logo.vue";
import { useSceneInfoStore } from "@/store/modules/sceneInfo";

const sceneInfoStore = useSceneInfoStore();
</script>
<style lang="less" scoped>
.n-menu.n-menu--horizontal {
  width: auto;

  :deep(.n-menu-item-content) {
    padding: 0 0.5rem;
  }
}
</style>
